<!doctype html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="A layout example that shows off a blog page with a list of posts.">
    <title>{% block title %} 一树 {% endblock %}</title>
    {% load static %}
    <link href="{% static '128x128.svg' %}" rel="icon" sizes="128x128" />
    <link rel="stylesheet" href="{% static 'pure-min.css' %}" />

    <!--[if lte IE 8]>
        <link rel="stylesheet" href="{% static 'grids-responsive-old-ie-min.css' %}">
    <![endif]-->
    <!--[if gt IE 8]><!-->
    <link rel="stylesheet" href="{% static 'grids-responsive-min.css' %}">
    <!--<![endif]-->


    <!--[if lte IE 8]>
            <link rel="stylesheet" href="{% static 'home/blog-old-ie.css' %}">
        <![endif]-->
    <!--[if gt IE 8]><!-->
    <link rel="stylesheet" href="{% static 'home/blog.css' %}">
    <!--<![endif]-->
</head>

<body>
    <div id="layout" class="pure-g">
        <div class="sidebar pure-u-1 pure-u-md-1-4">
            <div class="header">
                <h1 class="brand-title">一树棉发</h1>
                <!--<h2 class="brand-tagline">相忘于大海</h2>-->
                <nav class="nav">
                    <ul class="nav-list">
                        <li class="nav-item">
                            <a class="pure-button" href="{% url 'twitter:home' %}">动弹</a>
                            <a class="pure-button" href="{% url 'book:home' %}">电子书</a>
                            <a class="pure-button" href="{% url 'book:home' %}">糗事</a>                            
                        </li>
                    </ul>
                </nav>
            </div>
        </div>

        <div class="content pure-u-1 pure-u-md-3-4">
            <div>
                <!--
                <div class="posts">
                    <h1 class="content-subhead">Pinned Post</h1>

                    <section class="post">
                        <header class="post-header">
                            <img width="48" height="48" alt="Tilo Mitra&#x27;s avatar" class="post-avatar" src="img/common/tilo-avatar.png">

                            <h2 class="post-title">Introducing Pure</h2>

                            <p class="post-meta">
                                By <a href="#" class="post-author">Tilo Mitra</a> under <a class="post-category post-category-design" href="#">CSS</a> <a class="post-category post-category-pure" href="#">Pure</a>
                            </p>
                        </header>

                        <div class="post-description">
                            <p>
                                Yesterday at CSSConf, we launched Pure – a new CSS library. Phew! Here are the <a href="https://speakerdeck.com/tilomitra/pure-bliss">slides from the presentation</a>. Although it looks pretty minimalist, we’ve been working
                                on Pure for several months. After many iterations, we have released Pure as a set of small, responsive, CSS modules that you can use in every web project.
                            </p>
                        </div>
                    </section>
                </div>-->
{% block body %}{% endblock %}
                
                    
                </div>

                <div class="footer">
                    <div class="pure-menu pure-menu-horizontal">
                        <ul>
                            <li class="pure-menu-item"><a href="{% url 'about' %}" class="pure-menu-link">关于</a></li>
                            <li class="pure-menu-item"><a href="{% url 'contact' %}" class="pure-menu-link">联系</a></li>
                            <!--<li class="pure-menu-item"><a href="{% url 'donate' %}" class="pure-menu-link">捐助</a></li>-->
                            <li class="pure-menu-item"><a href="{% url 'tool' %}" class="pure-menu-link">工具</a></li>
                            <li class="pure-menu-item"><a href="{% url 'feedback' %}" class="pure-menu-link">反馈</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>




</body>

</html>